/* side border fix for when content is smaller than browser the window
	prevents a side to side shift when swuiching between long content and short content pages in some browsers */

html {
	height:100%;
	margin-bottom:1px;
}

/* --- Layout --- */

body {
	color:#666666;
	font: normal 80% "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	text-align:left; /* IE5 centering fix */
	line-height: 140%;
	margin: auto;
	background-color:#1a918a;
	background-image:url(/images/bg_main.gif);
	background-repeat:repeat-y;
	background-position:center;
}

.clear {
	clear:both;
}

.spacer {
	height:15px;
}

#pageContainer {
	width:887px;
	margin:auto;
	padding:0px 15px 40px 15px;
	background-color:#ffffff;
}

#contentContainer {
	width:100%;
	min-height:90px;
	margin:auto;
	padding:20px 0px 0px 0px;
	position:relative;
	background-image:url(/images/bg_content.gif);
	background-repeat:no-repeat;
}

.contentColumnFull {
	float:left;
	padding:0px 15px 0px 15px;
}

.contentColumn1 {
	width:25%;
	float:left;
	padding:0px 0px 0px 15px;
}


.contentColumn2 {
	width:65%;
	float:left;
	padding:0px 15px 0px 15px;
}

.contentColumn3 {
	width:20%;
	float:right;
	margin-top:-7px;
	padding:15px 15px 30px 18px;
	background-image:url(../images/home/splash_column.gif);
	background-repeat:no-repeat;
}

contentColumnTab {
	width:25%;
	float:left;
	padding:0px 0px 0px 15px;
}

#bannerContainer {
	border:solid 5px #e5e5e5;
	margin:0px;
}

#banner {
	display:block;
	width:877px;
	height:146px;
}

/* Links */
a {
	font-size:95%;
}

a:link {
	color:#009abc;
}

a:visited {
	color:#009abc;
}

a:hover {
	color:#1a918a;
} 

a:active {
	color:#009abc;
}

.backToTop {
	text-align:right;
	padding:10px 0px 10px 0px;
}


/* Paragraphs */

p {
	font-size: 100%;
	margin:0 0 1.2em 0;
}

p.client {
	text-align:right;
	font-style:italic;
	font-weight:bold;
	margin:-1.2em 0 1.5em 0;
}

p.large {
	font-size:140%;
	line-height:130%;
}

.label {
	font-weight:bold;
}


/* Bullet Lists */

ul.list {
	color: #333333;
	font-size: 100%;
	margin-left: -25px;
	line-height: 150%;
	padding-bottom: 10px;
	list-style-type:square;
	
	list-style-position:outside;
}


ul.list li {
	color:#666666;
	font-size:105%;
	padding:0px 0px 8px 0px;
	line-height:120%;
}

/* Images */

A IMG {
	border-style:none
}

img.inline {
	
}

img.border {
	border:solid 5px #efefef;
}

.floatleft /* Floating images */
	{ float:left; margin:0 8px 8px 0
}

.floatright
{
	float:right;
	margin:0 0 8px 8px
}


/* Separators */
HR
	{ color:#999999; background-color:#e5e5e5; height:1px; margin:0 0 1em 0; padding:0; border-style:none; overflow:hidden }


/* Headers */
h1, h2, h3, h4, h5, h6 {
	color:#1a918a;
	margin:0 0 .6em 0;
	padding:0;
	line-height:1em
}

h1	{
	font-size:21pt;
	font-weight:normal;
	color:#666666;
	margin:0px 0px 10px 15px;
}

h1.box {
	font-size:100%;
	font-weight:bold;
	color:#666666;
	margin:10px 0px 10px 0px;
}

h2	{
	font-size:155%;
	font-weight:normal;
	color:#1a918a;
	margin:0 0 12px 0;
	padding:0px 0px 0px 0px;
	line-height:125%;
}

h2.splash	{
	font-size:110%;
	color:#666666;
	margin:0px 0px 10px 0px;
	padding:0px;
}
			
h3	{
	font-size:110%;
	font-weight:bold;
	color:#DDBA1D;
}

h3.parts {
	color:#1a918a;
	font-size:120%;
	padding:15px 0px 2px 4px;
}	
			
h4	{
	font-weight:bold;
	color:#666666;
}

#titleContainer {
	padding:30px 0px 0px 0px;
}

.teal {
	color:#1a918a;
}

/* Primary Navigation */

#pNavContainer {
	margin:0px 0px 10px 0px;
	text-align:left;
	position:relative;
	height:30px;
	padding:0px 0px 0px 0px;
	z-index:100;
}

/* Home Page */

#splashContainer {
	width:100%;
}

#splashMovieContainer {
	padding-top:15px;
}

.splashColumnContainer {
	width:100%;
	margin:15px 0px 0px 0px;
}

.splashColumn {
	width:210px;
	height:170px;
	float:left;
	margin:0;
	padding:0px 15px 10px 0px;
	background-image:url(../images/home/splash_column.gif);
	background-repeat:no-repeat;
	text-align:center;
}

a.splashNews {
	text-decoration:none;
}

/* Grid */

.gridContainer {
	width:100%;
	margin:20px 0px 0px 0px;
}

.gridCell {
	font-size:110%;
	width:210px;
	height:170px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	border-right:dashed 1px #cccccc;
	text-align:center;
}

.gridCell a {
	font-weight:normal;
	text-decoration:none;
}

.gridCell a:hover {	
	font-weight:normal;
	text-decoration:underline;
}

.gridCellDivider {
	height:1px;
	border-bottom:dashed 1px #cccccc;
	margin:6px 5px 8px 5px;
}



/* Grid Small */

.gridSmallContainer {
	width:100%;
	margin:15px 0px 0px 0px;
}

.gridSmallCell {
	font-size:110%;
	width:160px;
	height:170px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:5px 0px 10px 0px;
	border-right:dashed 1px #cccccc;
	text-align:center;
}

.gridSmallCell a {
	font-weight:normal;
	text-decoration:none;
}

.gridSmallCell a:hover {	
	font-weight:normal;
	text-decoration:underline;
}

.gridSmallCellDivider {
	border-bottom:dashed 1px #cccccc;
	margin:6px 0px -7px 0px;
}

/* Product List */

table.productList {
	margin:15px;
	border-collapse:collapse;
}

table.productList td {
	padding:15px;
	vertical-align:top;
	border-bottom:solid 1px #cccccc;
}

table.productList td.header {
	vertical-align:top;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
	background-color:#f3f3f3;
	padding-top:4px;
	padding-bottom:5px;
}

table.productList td.image {
	text-align:center
}

/* Global Navigation */

#gNavContainer {
	position: absolute;
	text-align:right;
	border-bottom:none;
	top:0px;
	right:15px;
	z-index:1000;
	height:27px;
	line-height:21px;
	color:#ffffff;
	background-image:url(../images/gNav_bg_nm.gif);
}

#gNavContainer a {
	color:#ecf1f5;
	padding:0px 16px 0px 16px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}

#gNavContainer a:hover {
	color:#ffffff;
}

#gNavLogo {
	float:left;
	padding-left:10px;
}

#searchContainer {
	position:absolute;
	bottom:18px;
	right:10px;
}

.gNav {
	font-size:89%;
	color:#666666;
}

a.gNav:link {
	color:#666666;
	text-decoration:none;
}

a.gNav:active {
	color:#666666;
	text-decoration:none;
}

a.gNav:visited {
	color:#666666;
	text-decoration:none;
}

a.gNav:hover {
	color:#009abc;
	text-decoration:none;
}

.search {
	margin-top:3px;
}

.input {
	width:156px;
}


/* Secondary Navigation */

#sNavContainer {
	text-align:right;
	float:right;
	color:#999999;
	border-bottom:none;
	padding:9px 10px 0px 10px;
	margin-top:0px;
}

.sNav {
	font-size:105%;
	color:#333333;
	margin:0px 3px 0px 3px;
	text-decoration:none;
}


a.sNav:link {
	color:#333333;
	text-decoration:none;
}

a.sNav:active {
	color:#666666;

}

a.sNav:visited {
	color:#666666;

}

a.sNav:hover {
	color:#009abc;

}

a.sNavOn, a.sNavOn:visited {
	color:#1a918a;
}

.sNavDivider {
	font-size:80%;
	color:#999999;
	vertical-align:top;
}

/* Breadcrumb Navigation */
.breadcrumbContainer {
	float:left;
	padding:18px 15px 13px 15px;
}

.breadcrumb {
	font-size:95%;
}

.breadcrumb a {
	font-size:inherit;
	color:#1a918a;
}

.breadcrumbDivider {
	color:#1a918a;
}


/* page level buttons */
a.button {    
 	background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;    
	color: #444;    
	display: block;    
	float: left;    
	font: normal 12px arial, sans-serif;    
	height: 21px;    
	margin-right: 6px;    
	padding-right: 18px;    
	text-decoration: none; 
} 

a.button span {    
	background: transparent url('/images/bg_button_span.gif') no-repeat;    
	display: block;    
	line-height: 11px;    
	padding: 5px 0 5px 18px; 
} 

a.button:active {    
	background-position: bottom right;    
	color: #000;    
	outline: none; 
} 

a.button:active span {    
	background-position: bottom left;    
	padding: 6px 0 4px 18px; 
}  


/* footer */

#footerContainer {
	margin:60px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:solid 1px #e3e3e3;
}

#copyright {
	font-size:90%;
	float:left;
}

#fNavContainer {
	font-size:90%;
	float:right;
}

.greenFooter {
	margin:35px 0px 0px 0px;
	float:right;
}

.greenIcon {
	margin-bottom:-2px;
}

/* Paging */

.pagingContainer {
	font-size:80%;
	text-align:center;
	margin:15px 0px 0px 0px;
}

/* Product Profile Tab Content */

.border {
	border:solid 1px #cccccc;
}

.tabContentContainer {
	padding:20px;
}

.tabContentContainer ul {
	margin:0px;
	padding-left:16px;
}

.tabContentContainer ul li {
	padding-bottom:10px;
}

/* Product Profile Tab Content - Parts List */

table.partList {
	width:100%;
	margin:0px;
	font-size:95%;
	border-collapse:collapse;
	table-layout:fixed;
}

table.partList td {
	padding:5px 5px 5px 5px;
	vertical-align:top;
	padding-left:20px;
}

table.partList td.header {
	vertical-align:top;
	font-weight:bold;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc;
	background-color:#f3f3f3;
}

table.partList td.image {
	text-align:center;
}

table.partList td.rowOne {
	border-bottom:solid 1px #cccccc;
}

table.partList td.rowTwo {
	border-bottom:solid 1px #cccccc;
}


/* Product Profile Tab Content - Specifications */

table.specifications {
	width:100%;
	margin:0px;
	border-collapse:collapse;
}

table.specifications td {
	padding:5px 5px 5px 5px;
	vertical-align:top;
}

table.specifications td.label {
	vertical-align:top;
	font-weight:bold;
}

/* Product Profile - Magnify Link */

.magnifyLink a {
	text-decoration:none;
}

.magnifyLink a:hover {
	color:#009abc;
}

.magnifyIcon {
	margin:5px 5px -5px 0px;
}

/* product Spcification tabs */

.tabdivider {
	float:left;
}

.optionSelect_on, .optionSelect_hv, .optionSelect_nm {
	float:left;
	height:29px; 
	padding:6px 10px 0px 10px;
	position:relative;
	cursor:pointer;

}

.optionSelect_on a, .optionSelect_hv a, .optionSelect_nm a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:105%;
	color:#FFFFFF; 
	font-weight:normal;
	text-decoration:none;
}
.optionSelect_on {
	background: url('/images/bg_tab_on.gif') repeat-x; 
}

.optionSelect_hv {
	background: url('/images/bg_tab_hv.gif') repeat-x; 
}


.optionSelect_nm {
	background: url('/images/bg_tab_nm.gif') repeat-x; 
}

.productsDisplay {
	width:100%; 
	margin-top:-7px; 
	min-height:300px;
	padding:0;
}

.detailsDivider {
	height:1px;
	border-top:dashed 1px #cccccc;
	margin:16px 0px 18px 0px;
}


.profileTable td {
	vertical-align:top;
	padding:2px 15px 8px 0px;
	text-align:left;
}


.myClientCenterTitl{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-transform:uppercase;
	font-family:"Tahoma";
	margin:0;
	padding:0;
}
.clientCenter{
	position:relative;
	float:left;
	width:388px;
	margin-left:20px;
	margin-top:15px;
}

.clientCenter table{
	width:388px;
	margin:0;
	padding:0;
	line-height:18px;
}

.clientCenter table th{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	text-transform:uppercase;
	font-family:"Tahoma";
}

.clientCenter a{
	color:#009782;
	font-size:12px;
	text-decoration:underline;
}

.clientCenter a:hover{
	text-decoration:none;
}

#newsEventHeadline {
	font-size:120%;
	font-weight:bold;
}

#newsEventDate { 
	font-size:90%;
	padding-bottom:17px;
}

.anniversaryLogo {
	background: url('/images/logo_30anniversary.png');
	height:68px;
	width:88px;
	position:absolute;
	top:-42px;
	right:10px;
}